import { createApp } from "vue";
import App from "./App.vue";
import FreeApp from "./FreeApp.vue";
import router from "./router";
import PhPretty from "./pretty.vue";
import PhPreview from './autofit.vue'
import {
  // PhModal,
  // PhToast,
  // PhColorPicker,
  // PhDatetimePicker,
  // PhNotification,
  // PhMessage,
  // PhGLoading,
  PhTooltip,
  Phoeon,
} from "./index";
import IFrame from './views/iframe'
/* eslint-disable */
declare module '@vue/runtime-core' {
    export interface ComponentCustomProperties extends Phoeon{
      $showFrame:(url:string)=>void
    }
}

createApp(window===top?App:FreeApp)
.component("PhPretty",PhPretty)
.component("PhPreview",PhPreview)
.use(IFrame)
.use(PhTooltip)
// .use(PhGLoading)
// .use(PhNotification)
// .use(PhModal)
// .use(PhToast)
// .use(PhColorPicker)
// .use(PhMessage)
// .use(PhDatetimePicker,{lang:"cn",theme:"dark"})
.use(router).mount(document.querySelector("#app") as HTMLElement)
